@import "../common/component-function";

@icoUrl:'../images/search.png';

.m-search{
  width: 270px;
  height: 34px;
  border:1px solid #ddd;
  font-size: 14px;
  color: #6d6d6d;

  input{
    width: 220px;
    height: 34px;
    padding:5px;
    border:0;
    .boxsizing();

    &::placeholder {
      color: #c9cfde;
    }
  }

  .search-ico{
    display: block;
    width:36px;
    height:36px;
    background-image: url(@icoUrl);
    background-position: 15px 11px;
    background-repeat: no-repeat;
  }
}